/*
	CSS file for Lifeline
	Author:	David Correll 
					http://www.davidcorrell.net/
					
	License: Licensed as part of Lifeline under a Creative Commons Attribution, Noncommercial, Share Alike 3.0 United States License
	
*/

/* 	

	*** STANDARD DEVICE SHEET ***
	---------------------------------------------------------------------
	Stylesheet optomized standard computer screens.

*/



* { 
	margin: 0; 
	padding: 0; 
} 

body { 
	font-size: 62.5%; 
}

h1, h2, p, dl, label { 
	font: 1em "Helvetica Neue", Arial, sans-serif; 
}

h1 { 
	font-weight: bold; 
	line-height: 1.8em;
	margin-bottom: 125px;
	border-top: 1px solid #999;
	text-transform: uppercase;
}

h2 {                                  
	line-height: 1.8em;
	border-top: 1px solid #ebebeb; 
}  

dl { margin-top: .1em; float: left; width: 452px; }
dt { float: left; width: 300px; }
dd { padding-bottom: .2em; float: left; width: 80px; text-align: right; }
dd, dt { padding-bottom: .2em; line-height: 1.2em; } 
dd a { color: #000; }

#supercontainer { 
	margin: 100px auto; 
	width: 944px; 
}

	#container { 
		width: 944px; 
		float: left;
	}

		#name { 
			margin: 0 auto 45px auto; 
			float: left; 
			width: 944px; 
		}

		#info { 
			margin: 0 auto; 
			clear: left; 
			float: left; 
			width: 944px; 
			border-top: 1px solid #ebebeb; 
		}

		#graph { 
			margin-bottom: 60px; 
			clear: left; 
			float: left; 
			width: 944px;
		}

.unit 	 	{ float: left; margin: 1px 1px 0 0; width: 1px; height: 100px; }
.unitWide { float: left; margin: 1px 1px 0 0; width: 3px; height: 100px; }
.past 	 	{ background-color: #0ff; }
.future  	{ background-color: #9ff; } 
.longLife	{ background-color: #f0f;}

.cc {        
	margin-left: 40px;
	float: left;
	width: 452px;        
	color: #ccc;     
	line-height: 1.4em;
}

	.cc a:link 		{ color: #ccc; text-decoration: none; border-bottom: 1px dashed #ebebeb; }
	.cc a:visited { color: #ccc; text-decoration: none; border-bottom: 1px dashed #ebebeb; }
	.cc a:hover 	{ color: #999; text-decoration: none; border-bottom: 1px dashed #999; }
	.cc a:active 	{ color: #999; text-decoration: none; border-bottom: 1px dashed #999; }
	
	
#name-contain,
#dob-div,
#submit-div {
	margin-bottom: 30px;
	width: 944px;
	float: left;
	clear: left;
}

	#firstname-div,
	#lastname-div {
		margin-right: 10px;
		width: 204px;
		float: left;
	} 
	                                               
	#name-contain label {
		margin-bottom: 2px;
		display: block;
	}
	
	#name-contain .textbox {
		padding: 1px 2px;
		width: 200px;
		font: 1.2em "Helvetica Neue", Arial, sans-serif;
		border: 1px solid #000;
		text-transform: capitalize;
	}                       
	
#dob-div {
	margin-bottom: 50px;
}
	             
	select {          
		margin-right: 5px;
		border: 1px solid #000;
		font: 1.2em "Helvetica Neue", Arial, sans-serif;
	} 
	
		option {
		}
	
	#m { width: 120px; }          
	#d { width: 50px; }
	#y { width: 70px; }
 
	#submit-container {
		margin-top: .1em; 
		float: left; 
		width: 452px;
	}

	#submit {  
		margin-top: 5px;
		padding: 4px;
		border: 1px solid #000;
		background-color: #fff;
		cursor: pointer;
		text-transform: uppercase;
		font: bold 1em "Helvetica Neue", Arial, sans-serif; 
	}


